<template>
	<view class="u-p-t-20 u-p-b-20 u-border-bottom u-flex u-col-center" @click="goPage">
		<u-image width="200rpx" height="140rpx" :src="item.photo"></u-image>
		<view class="u-flex-1 u-p-l-30 u-flex-col u-row-between" style="height: 140rpx;">
			<view class="u-font-28 u-line-2">
				{{item.title}}
			</view>
			<view class="u-font-22 u-tips-color u-flex u-col-center">
				<u-icon name="clock" color="#909399" size="28"></u-icon><text>{{item.updateDate}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"w-index-list",
		props: {
			item: {
				type: Object,
				default: ()=>{
					return {}
				}
			},
		},
		data() {
			return {
				
			};
		},
		methods: {
			goPage(id){
				this.$u.route('/pages/notice/detail/detail', {
					id:this.item.id,
					title:this.item.title
				});
			}
		}
	}
</script>

<style>

</style>
